<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝粤英才网</title>
 <link rel="stylesheet" type="text/css" href="css/1-x.css">
    <!-- 使用Font Awesome图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <!-- 顶部导航 -->
    <nav class="top-nav">
        <div class="container">
            <div class="nav-container">
                <a href="#" class="logo">
    <img src="img/x1.jpg" height="50px" width="200px">
                </a>
                <div class="nav-links">
					<a href="1.html" class="nav-link active"><i class="fas fa-home"></i> 课程</a>
					<a href="https://www.lanqiao.cn/courses/" class="nav-link "><i class="fas fa-book"></i>学习</a>
                    <a href="https://www.lanqiao.cn/" class="nav-link"><i class="fas fa-project-diagram"></i> 学习路径</a>
                    <a href="https://www.lanqiao.cn/louplus/" class="nav-link"><i class="fas fa-code"></i> 实训营</a>
                    <a href="https://juejin.cn/" class="nav-link"><i class="fas fa-users"></i> 社区</a>
                </div>
                
                <div class="user-actions">
                    <div class="search-bar">
                        <i class="fas fa-search search-icon"></i>
                        <input type="text" placeholder="搜索课程、资源...">
                    </div>
				<div class="nav-links">
					<a href="new_file.html" class="nav-link"><i></i> 返回主页</a>	
        </div>
	</div>
</nav>

<!-- 主内容区 -->
<div class="container">
    <div class="main-layout">
        <!-- 侧边栏 -->
        <aside class="sidebar">
            <!-- 签到卡片 -->
            <div class="checkin-card">
                <div class="checkin-header">
                    <h3 class="checkin-title">每日签到</h3>
                    <span class="checkin-days">连续7天</span>
                </div>
                <p class="checkin-desc">今日签到可获得50积分，连续签到奖励更多</p>
                <button class="checkin-btn" id="checkin-btn">
                    <i class="fas fa-calendar-check"></i> 立即签到
                </button>
            </div>
            
            <!-- 学习进度 -->
            <div class="sidebar-section">
                <h3 class="sidebar-title">
                    <i class="fas fa-chart-line"></i> 学习进度
                </h3>
                
                <div class="progress-item">
                    <div class="progress-info">
                        <span class="progress-name">Python数据分析</span>
                        <span class="progress-percent">78%</span>
                    </div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: 78%;"></div>
                    </div>
                </div>
                
                <div class="progress-item">
                    <div class="progress-info">
                        <span class="progress-name">Web全栈开发</span>
                        <span class="progress-percent">45%</span>
                    </div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: 45%;"></div>
                    </div>
                </div>
                
                <div class="progress-item">
                    <div class="progress-info">
                        <span class="progress-name">算法与数据结构</span>
                        <span class="progress-percent">32%</span>
                    </div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: 32%;"></div>
                    </div>
                </div>
            </div>
            
            <div class="sidebar-section">
                <h3 class="sidebar-title">
                    <i class="fas fa-bookmark"></i> 快捷资源
                </h3>
                
                <ul class="resource-list">
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fas fa-file-code"></i></span>
                            <span class="resource-name">官方文档中心</span>
                        </a>
                    </li>
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fas fa-terminal"></i></span>
                            <span class="resource-name">在线编程环境</span>
                        </a>
                    </li>
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fas fa-question-circle"></i></span>
                            <span class="resource-name">常见问题解答</span>
                        </a>
                    </li>
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fas fa-book"></i></span>
                            <span class="resource-name">电子书资源</span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="sidebar-section">
                <h3 class="sidebar-title">
                    <i class="fas fa-users"></i> 学习小组
                </h3>
                
                <ul class="resource-list">
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fab fa-python"></i></span>
                            <span class="resource-name">Python进阶小组</span>
                        </a>
                    </li>
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fab fa-js"></i></span>
                            <span class="resource-name">JavaScript交流</span>
                        </a>
                    </li>
                    <li class="resource-item">
                        <a href="#" class="resource-link">
                            <span class="resource-icon"><i class="fas fa-database"></i></span>
                            <span class="resource-name">数据库学习</span>
                        </a>
                    </li>
                </ul>
            </div>
        </aside>
        
        <!-- 主内容区 -->
        <main class="content-area">
            <!-- 推荐课程 -->
            <section class="section">
                <div class="section-header">
                    <h2 class="section-title">推荐课程</h2>
                    <a href="https://www.lanqiao.cn/courses/?tag=%E5%85%A8%E9%83%A8&
					     category=16%E5%B1%8A%E8%93%9D%E6%A1%A5%E6%9D%AF&fee=all&sort=default&level=all" class="section-link">
                        查看全部
                        <i class="fas fa-chevron-right"></i>
                    </a>
                </div>
                
                <div class="course-grid">
                    <!-- 课程卡片1 -->
                    <div class="course-card">				
                        <div class="course-image">
                            <span class="course-tag">热门</span>
                           <img src="img/01.png" width="100%" height="100%">
                        </div>
                        <div class="course-info">
                            <h3 class="course-title">新手入门指南之玩转蓝桥云课</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 初级 · 487884人学过
                                </span>
                                <span class="course-stats">
                                    <span class="course-rating">
                                        <i class="fas fa-star"></i> 4.8
                                    </span>
                                </span>
                            </div>
                            <div class="course-price">免费</div>
                        </div>
                    </div>
                    
                    <!-- 课程卡板块-->
                    <div class="course-card">
                        <div class="course-image">
                            <span class="course-tag">限免</span>
							 <img src="img/010.png" width="100%" height="100%">
                        </div>
                        <div class="course-info">
                            <h3 class="course-title"> 16届蓝桥杯寒假刷题营题解回放</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 初级 · 148人学过
                                </span>
                                <span class="course-stats">
                                    <span class="course-rating">
                                        <i class="fas fa-star"></i> 4.9
                                    </span>
                                </span>
                            </div>
                            <div class="course-price">免费</div>
                        </div>
                    </div>
                    
                          <!-- 课程卡板块-->
                    <div class="course-card">
                        <div class="course-image">
                            <span class="course-tag">限免</span>
                            <img src="img/0.png"width="100%" height="100%">
                        </div>
                        <div class="course-info">
                            <h3 class="course-title"> ai编程-oeasy 教您玩转 python</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 初级 · 39038人学过
                                </span>
                                <span class="course-stats">
                                    <span class="course-rating">
                                        <i class="fas fa-star"></i> 4.7
                                    </span>
                                </span>
                            </div>
                            <div class="free-badge">限时免费</div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 学习路径 -->
            <section class="section">
                <div class="section-header">
                    <h2 class="section-title">学习路径</h2>
                    <a href="#" class="section-link">
                        全部路径
                        <i class="fas fa-chevron-right"></i>
                    </a>
                </div>
                
                <div class="resource-grid">
                    <!-- 学习路径1 -->
                    <div class="resource-card">
                        <div class="resource-icon-lg">
                            <i class="fas fa-code"></i>
                        </div>
                        <div class="resource-content">
                            <h3 class="resource-title">全栈Web开发工程师</h3>
                            <p class="resource-desc">从HTML/CSS到Node.js，掌握现代Web开发全流程</p>
                        </div>
                    </div>
                    
                    <!-- 学习路径2 -->
                    <div class="resource-card">
                        <div class="resource-icon-lg">
                            <i class="fas fa-robot"></i>
                        </div>
                        <div class="resource-content">
                            <h3 class="resource-title">人工智能入门</h3>
                            <p class="resource-desc">Python基础到机器学习算法实战</p>
                        </div>
                    </div>
                    
                    <!-- 学习路径3 -->
                    <div class="resource-card">
                        <div class="resource-icon-lg">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <div class="resource-content">
                            <h3 class="resource-title">网络安全工程师</h3>
                            <p class="resource-desc">从基础渗透测试到企业安全防护</p>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 实战项目 -->
            <section class="section">
                <div class="section-header">
                    <h2 class="section-title">实战项目</h2>
                    <a href="#" class="section-link">
                        更多项目
                        <i class="fas fa-chevron-right"></i>
                    </a>
                </div>
                
                <div class="course-grid">
                    <!-- 项目1 -->
                    <div class="course-card">
                        <div class="course-image">
                            <i class="fas fa-shopping-cart fa-3x"></i>
                        </div>
                        <div class="course-info">
                            <h3 class="course-title">电商平台全栈开发</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 项目实战
                                </span>
                                <span class="course-stats">
                                    <i class="fas fa-users"></i> 1,245人参与
                                </span>
                            </div>
                            <div class="course-price">免费</div>
                        </div>
                    </div>
                    
                    <!-- 项目2 -->
                    <div class="course-card">
                        <div class="course-image">
                            <i class="fas fa-mobile-alt fa-3x"></i>
                        </div>
                        <div class="course-info">
                            <h3 class="course-title">Flutter跨平台应用开发</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 项目实战
                                </span>
                                <span class="course-stats">
                                    <i class="fas fa-users"></i> 856人参与
                                </span>
                            </div>
                            <div class="course-price">免费</div>
                        </div>
                    </div>
                    
                    <!-- 项目3 -->
                    <div class="course-card">
                        <div class="course-image">
                            <i class="fas fa-chart-line fa-3x"></i>
                        </div>
                        <div class="course-info">
                            <h3 class="course-title">大数据分析实战</h3>
                            <div class="course-meta">
                                <span class="course-instructor">
                                    <i class="fas fa-user"></i> 项目实战
                                </span>
                                <span class="course-stats">
                                    <i class="fas fa-users"></i> 632人参与
                                </span>
                            </div>
                            <div class="course-price">免费</div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
    </div>
</div>

<!-- 脚端 -->
<footer>
    <div class="container">
        <div class="footer-container">
            <div class="footer-column">
                <h3>关于我们</h3>
                <ul class="footer-links">
                    <li><a href="#">公司简介</a></li>
                    <li><a href="#">团队介绍</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="me.html">联系我们</a></li>
                </ul>
            </div>
            
            <div class="footer-column">
                <h3>学习资源</h3>
                <ul class="footer-links">
                    <li><a href="#">全部课程</a></li>
                    <li><a href="#">学习路径</a></li>
                    <li><a href="#">实战项目</a></li>
                    <li><a href="#">技术文章</a></li>
                </ul>
            </div>
            
            <div class="footer-column">
                <h3>服务支持</h3>
                <ul class="footer-links">
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">反馈建议</a></li>
                    <li><a href="#">企业服务</a></li>
                </ul>
            </div>
            
            <div class="footer-column">
                <h3>关注我们</h3>
                <ul class="footer-links">
				  <li><a href="https://github.com/"><i class="fab fa-github"></i> GitHub</a></li>
                    <li><a href="https://mp.weixin.qq.com/"><i class="fab fa-weixin"></i> 微信公众号</a></li>
					<img src="img/img1.jpg" width="100px" height="100px">

                </ul>
            </div>
        </div>
        
        <div class="footer-bottom">
            <p>© 2025 学习平台. 疯癫小组保留所有权利. | 粤ICP备案888888号</p>
        </div>
    </div>
</footer>

<script src="js/1-x.js">
</script>
</body>
</html>